<!doctype html>
<html>
<!--
        Author:许纯玲 阿玲 纯纯 洗纯纯 小纯纯 纯（假装这是一个团队o(*￣︶￣*)o）
        
        Creation Date:2016-11-15
-->
<head>
<meta charset="utf-8">
<title>天猫商城模仿-登录页面</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<link type="text/css" rel="stylesheet" href="css/login.css" />
<script type="text/javascript" src="js/tool.js"></script>
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/login.js"></script>
</head>

<body>

    <!-- 顶部广告栏 -->
    <div id="banner_top" class="horizontal_center">
            <a href="#">
                <img src="images/activity_head.jpg">
            </a>
        </div>
    
    <!-- 顶部首页链接栏 -->
    <div class="horizontal_center">
        <a href="index.html" id="ToIndex"></a>
    </div>
    
    <!-- 登录框模块 -->
    <div class="horizontal_center">
        <div id="login_body">
            <div id="login_banner">
                <a id="ToBanner" href="#">
                </a>
            </div>
            <div id="login_frame">
                <div class="tip_picture">
                    <img src="images/icon/code.png" class="login_pw" />
                    <img src="images/icon/computer.png" class="login_code" />
                    <span class="cover_picture"></span>
                </div>
                <div id="standar" class="login_pw">
                    <div class="tip_msg">扫码登录更安全
                        <span class="arrow arrow_right"></span>
                        <span class="arrow arrow_left"></span>
                    </div>
                    <div class="login_main">
                        <h3>密码登录</h3>
                        <form name="login">
                            <div class="wrap_msg">                                <div class="error_info">您输入的信息有误，请重新输入</div>
                                <input type="text" id="login_user" class="login_msg" placeholder="会员名/邮箱/手机号码" />
                                <span class="func_box" id="user_clean"></span>
                            </div>
                            <div class="wrap_msg">
                                <input type="password" id="login_password" class="login_msg" />
                                <span class="func_box" id="pw_keybroad"></span>
                            </div>
                            <div class="wrap_msg">
                                    <input type="submit" id="bt_submit" class="bottom_submit" value="登录" />
                            </div>
                        </form>
                    </div>
                </div>
                <div id="sweep" class="login_code">
                    <div class="tip_msg">密码登录在这里
                        <span class="arrow arrow_right"></span>
                        <span class="arrow arrow_left"></span>
                    </div>
                    <div class="login_main">
                        <h3>手机扫码 安全登录</h3>
                        <div class="code_box">
                            <img src="images/erweima3.png" />
                            <div class="msg">
                                <span class="discript">打开<a href="#" class="list_phone">手机天猫</a>|<a href="#" class="list_phone"> 手机淘宝</a></span>
                                <span class="discript">扫一扫登录</span>
                            </div>
                        </div>
                    </div>
                </div>
                <span class="other_msg">
                    <a href="#">忘记密码</a>
                    <a href="register.html">免费注册</a>
                </span>
            </div>
        </div>
    </div>
    
    <!-- 底部 -->
    <div id="footer">
        <div id="tmall_copyright">
            <p>
                <a href="#" class="a_style">关于天猫</a>
                <a href="#" class="a_style">帮助中心</a>
                <a href="#" class="a_style">开放中心</a>
                <a href="#" class="a_style">诚聘英才</a>
                <a href="#" class="a_style">联系我们</a>
                <a href="#" class="a_style">网站合作</a>
                <a href="#" class="a_style">法律声明</a>
                <a href="#" class="a_style">知识产权</a>
                <a href="#" class="a_style">廉正举报</a>
                <a href="#" class="a_style">规则意见征集</a>
            </p>
            <p>
                <a href="#" class="a_style">阿里巴巴集团</a>|
                <a href="#" class="a_style">淘宝网</a>|
                <a href="#" class="a_style">天猫</a>|
                <a href="#" class="a_style">聚划算</a>|
                <a href="#" class="a_style">全球速卖通</a>|
                <a href="#" class="a_style">阿里巴巴国际交易市场</a>|
                <a href="#" class="a_style">1688</a>|
                <a href="#" class="a_style">阿里妈妈</a>|
                <a href="#" class="a_style">阿里旅行·去啊</a>|
                <a href="#" class="a_style">阿里云计算</a>|
                <a href="#" class="a_style">YunOS</a>|
                <a href="#" class="a_style">阿里通信</a>|
                <a href="#" class="a_style">万网</a>|
                <a href="#" class="a_style">高德</a>|
                <a href="#" class="a_style">优视</a>|
                <a href="#" class="a_style">友盟</a>|
                <a href="#" class="a_style">虾米</a>|
                <a href="#" class="a_style">阿里星球</a>|
                <a href="#" class="a_style">来往</a>|
                <a href="#" class="a_style">钉钉</a>|
                <a href="#" class="a_style">支付宝</a>
            </p>
            <div>
                <span>增值电信业务经营许可证：<a href="#" class="a_style">浙B2-20110446</a></span>
                <span>网络文化经营许可证：<a href="#" class="a_style">浙网文[2015]0295-065号</a></span>
                <span>互联网医疗保健信息服务 审核同意书 浙卫网审 【2014】 6号</span>
                <br />
                <span>互联网药品信息服务资质证书编号：浙-（经营性）-2012-0005</span>
                <br />
                <b>© 2003-2016 TMALL.COM 版权所有</b>
            </div>
        </div>
    </div>
</body>
</html>
